<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--忽略页面中的邮箱格式为邮箱-->
    <meta name="format-detection" content="email=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <title>日签记录</title>
    <link rel="stylesheet" href="../res/daySignPosters-v2/css/calendar/reset.css">
    <link rel="stylesheet" href="../res/css/base_X.css">
    <link rel="stylesheet" href="../res/css/swipercss/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../res/daySignPosters-v2/css/calendar/simple-calendar.css">
    <link rel="stylesheet" href="../res/daySignPosters-v2/css/calendar/calendar-m.css">
</head>
<body class="iphonex">
<div class="warp">
    <div class="inner">
        <div class="calendar_share"></div>
        <div id='calendar' class="sc-calendar">
            <div class="sc-header">
                <div class="sc-title clearfix">
                    <!--左边显示日期周几-->
                    <div class="month_left">
                        <span class="month_span"></span>月<span class="day_span"></span>日&nbsp;&nbsp;
                        <span class="week_span"></span>
                    </div>
                    <i class="today_span" flag="1"></i>
                    <!--幼年的年月-->
                    <div class="month">
                        <div class="arrow sc-mleft"></div>
                        <div class="monthdiv">
                            <div class="year"><span class="sc-select-year" name=""></span>.</div>
                            <span class="sc-select-month" name=""></span>
                        </div>
                        <div class="arrow sc-mright"></div>
                    </div>
                </div>
                <!--周-->
                <div class="sc-week"></div>
            </div>
            <!--月-->
            <div class="sc-body">
                <div class="sc-days"></div>
            </div>
        </div>
        <!--展开的箭头-->
        <div class="botarr">
            <img src="../res/daySignPosters-v2/images/botarricon.png" alt="" class="botarricon">
        </div>
        <!--自己未打卡-->
        <div class="announcement">
            <div class="matter">
            </div>
        </div>
        <!--查看大图-->
        <div class="annImg">
            <img src="" alt="" class="imgbig">
            <a href="javascript:void (0)" class="preserbtn">保存图片</a>
        </div>
        <!--打卡显示-->
        <div class="swiper_matter">
            <div class="swiper-container preview_swiper">
                <div class="swiper-wrapper mywrap">

                </div>
            </div>
            <p class="clickbig">点击查看大图</p>
        </div>
    </div>
</div>
<script src="../res/js/jquery-1.11.1.min.js"></script>
<script src="../res/js/swiperjs/swiper-3.4.2.min.js"></script>
<script src="../res/daySignPosters-v2/js/calendar/simple-calendar.js"></script>
<script src="../res/daySignPosters-v2/js/calendar/hammer-2.0.8-min.js"></script>
<script src="../res/daySignPosters-v2/js/calendar-my.js"></script>
<script>
    //添加标记
    var mark = {
        '2018/09/03': [
            {
                posterImg: 'https://hyzcjgj-file.oss-cn-beijing.aliyuncs.com/upload/201808/20/0IkVIve-yqL.jpg',
            },
            {
                posterImg: '../res/images/poster/poster1.png',
            },
            {
                posterImg: '../res/images/poster/poster2.png',
            },
            {
                posterImg: '../res/images/poster/yearpo_1.png',
            },
            {
                posterImg: '../res/images/poster/yearpo_2.png',
            },
            {
                posterImg: '../res/images/poster/yearpo_3.png',
            },
            {
                posterImg: '../res/images/poster/yearpo_4.png',
            }
        ],

        '2018/09/02': [
            {
                posterImg: '../res/images/poster/poster2.png',
            }
        ],
        '2018/09/04': [
            {
                posterImg: '../res/images/poster/poster2.png',
            },
            {
                posterImg: '../res/images/poster/poster1.png',
            }
        ],
        '2018/09/05': [
            {
                posterImg: '../res/images/poster/poster2.png',
            },
            {
                posterImg: '../res/images/poster/poster1.png',
            },
            {
                posterImg: '../res/images/poster/poster2.png',
            }
        ]
    };
</script>
</body>
</html>